<template>
  <div class="sidebar">
    <h5 class="sidebar__title">我的私事</h5>
    <div class="sidebar__menu"><router-link to="/task">任务</router-link></div>
    <div class="sidebar__menu"><router-link to="/note">便签</router-link></div>
    <div class="sidebar__menu"><router-link to="/project">项目</router-link></div>
    <div class="sidebar__menu"><router-link to="/position">地点</router-link></div>
    <div class="sidebar__menu"><router-link to="/tag">标签</router-link></div>
  </div>
</template>

<script>
export default {
  name: 'Sidebar'
}
</script>

<style lang="stylus">
  .sidebar
    text-align center
    .sidebar__title
      color #a0a9ad
      padding 10px 0px
      border-bottom 1px solid #444c4f
    .sidebar__menu
      padding 8px 0px
      &:hover
        a
          color #25a8d5
    .sidebar__menu
      .router-link-active
        color: #25a8d5
</style>
